a{
	color: #010101;
}
a:hover{
	color: #010101;
}
.navbar-engage .dropdown .dropdown-menu > li.active > a{
	color: #9C3;
}
.navbar-engage .navbar-nav > li > a:hover,
.navbar-engage .navbar-nav > li.active > a,
.navbar-engage .navbar-nav > li.open > a,
.navbar-engage .navbar-nav > .active > a:hover,
.navbar-engage .navbar-nav > .active > a:focus,
.navbar-engage .navbar-nav > .open > a:hover{
	color: #9C3;
}
.navbar-engage .navbar-nav > li a:hover::before,
.navbar-engage .navbar-nav > li.active a::before,
.navbar-engage .navbar-nav > li.open > a::before,
.navbar-engage .navbar-nav > .active > a:focus::before {
  background: #9C3;
}
.navbar-engage .dropdown .dropdown-menu{
	border-color: #9C3;
}
#main-menu > li > a:hover,
#main-menu > li.active > a,
#main-menu > li.open > a,
#main-menu > .active > a:hover,
#main-menu > .active > a:focus,
#main-menu > .open > a:hover{
	color: #9C3;
}
#main-menu .dropdown .dropdown-menu > li.active > a{
	color: #9C3;
}

.open>a{color: #9C3 !important;}

.navbar-engage .dropdown .dropdown-menu > li > a:hover, .navbar-engage .dropdown .dropdown-menu > li > a .active{
	color: #9C3;
}
#main-menu .dropdown .dropdown-menu > li > a:hover,#main-menu .dropdown .dropdown-menu > li > a:active{
	color: #9C3;
}

.section-title::before{
	border-color: #9C3;
}
.small-title::before{
	border-color: #9C3;
}
.page-header-section{background: #9C3;}
#service-block-main .service-item:hover i{
	color: #9C3;
	border-color: #9C3;
}
#service-block-main .service-item:hover h2{
	color: #9C3;
}
#service-block-main .service-item:hover .icon-wrapper::before {
  background: #9C3;
}
#service-block-main .service-item:hover .icon-wrapper::after {
  background: #9C3;
}
#portfolio .portfolio-items figure figcaption:hover{
	background: rgba(153, 204, 51, 0.9);
}
#other-services .other-service-item .icon .icon-medium{
	background: #9C3;
}
#other-services .other-service-item:hover .icon-medium{
	background: #666;
}
#other-services .other-service-item .service-content h3{
	color: #9C3;
}
#progress .icon-effect{
	color: #9C3;
}
#clients #clients-scroller .owl-pagination .owl-page.active span{
	background: #9C3;
}
#clients #clients-scroller .owl-pagination .owl-page span{
	border-color: #9C3;
}
#testimonial #testimonial-carousel .carousel-control{
	color: #9C3;
}
#testimonial #testimonial-carousel .carousel-control{
	color: #9C3;
}
#testimonial .item blockquote small{
	color: #9C3;
}
#testimonial .testimonial-inner:before{
	background: rgba(153, 204, 51, 0.2);
}
#blog .blog-item-img .blog-category{
	background: #9C3;
}
#blog .blog-item-img .blog-category{
	background: #9C3;
}
#blog .blog-item-text h3{
	color: #9C3;
}
#blog .blog-item-text .blog-item-info a:hover{
	color: #9C3;
}
#blog .blog-item-text h3 a:hover{
  color: #9C3;
}

.scroll-top:hover{
	background: #9C3;
	border-color: #9C3;
}

/* About Us*/
.skill-wrapper .progress .progress-bar{
	background-color: #9C3;
}
.skill-wrapper .progress .percent{
	color: #9C3;
}
#why-choose .icon i{
	color: #9C3;
}
#why-choose .tab-container h2{
	color: #9C3;
}
#why-choose .tab-menu .list-group > a.active{
	background: #9C3;
}
#notice .notice-content{
	border-color: #9C3;
}
/* services */
#service-block-1 .service-item:hover .service-content h2{
	color: #9C3;
}
#service-block-1 .service-item:hover .icon{
	border-color: #9C3;
}
#service-block-1 .service-item:hover .icon i{
	background: #9C3;
}
#service-block-2 .service-inner:hover i{
	color: #9C3;
}
#service-block-2 .service-inner:hover h3{
	color: #9C3;
}
#team-block-2 .team-member:hover{
	border-color: #9C3;
}
.pricing-table-1 .table-header{
	background: #9C3;
}
#pricing-block-2{
	background: #9C3;
}
.pricing-table-x .plan .price{
	color: #9C3;
}
.pricing-table-x .plan .period{
	color: rgba(153, 204, 51, 0.7);
}
.panel-default .panel-heading a{
	background: #9C3;
}
/*Blog*/
#blog-page .sidebar .search-box .form-control:focus, #blog-page .sidebar .search-box button:focus, #blog-page .sidebar .search-box input:focus, #blog-page .sidebar .search-box textarea:focus{
	border-color: #9C3;
}
#blog-page .sidebar .plain-search-btn{
	color: #9C3;
}
#blog-page .post-content .reading::after{
	border-color: #9C3;
}
.light li a{
	color: #9C3;
}
#blog-page .widget-title::before{
	border-color: #9C3  ;
}
.flat li a i{
	background: #9C3;
	border-color: #9C3;
}
#tabs .tabs-style-2 .nav-tabs li.active a, #tabs .tabs-style-2 .nav-tabs li.active a:hover, #tabs .tabs-style-2 .nav-tabs li.active a:focus, #tabs .tabs-style-2 .nav-tabs li a:hover{
	border-color: #9C3;
	background-color: #9C3;
}
#tabs .tabs-style-2 .nav-tabs{
	border-color: #9C3;
}
#contact .contact-info-wrapper .contact-item-wrapper i{
	background: #9C3;
}
.preset-bg{
	background: #9C3;
}
.dark-bg{
	background: rgba(0, 0, 0, 0.1);
}
.btn-danger{
	background-color: #9C3;
	border-color: #9C3;
}
.btn-danger:hover,.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger{
	background-color: #90BF34;
	border-color: #90BF34;
}
.page-header .page-header-inner:before{
	background-color: #90BF34 ;
	opacity: 0.2;
}
/*  Mobile menu */
.slicknav_btn{
  border-color: #9C3;
}
.slicknav_btn:hover{
	background: #003793;
}
.slicknav_nav a:hover,
.slicknav_open .active{
  color: #9C3;
}
.slicknav_menu .slicknav_icon-bar{
  background: #003793;
}
.tparrows.preview2:hover:after{
	color: #9C3;
}
#default-tab .nav-tabs > li > a.active , #default-tab .nav-tabs > li a.active:focus, #default-tab .nav-tabs > li a.active:hover {
    color: #9C3;
}
#default-tab ul.nav-tabs > li a.active::before {
  background-color: #9C3;
}

/* New Css */
#round-tab ul.nav-tabs {
  border-bottom: 1px solid #9C3;
}

#round-tab ul li a.active {
    border-left: 1px solid #9C3  ;
    border-right: 1px solid #9C3  ;
    border-top: 1px solid #9C3  ;
    color: #9C3;
}
#vertical-tab ul.nav-tabs li a.active {
    border-bottom: 3px solid #9C3  ;
}
#vertical-tab ul.nav-tabs li a.active > .fa {
  color: #9C3;
}
#tab-with-icon .nav-tabs li a:hover i, #tab-with-icon .nav-tabs li a:focus, #tab-with-icon .nav-tabs li a.active i {
  background: #9C3 none repeat scroll 0 0;
}
.btn-outline {
  border-color: #9C3;
  color: #9C3;
}
.btn-outline:hover {
  background: #9C3;
}
.progress-bar {
  background: #9C3;
}
#testimonial .testimonial-footer {
  color: #9C3;
}
#testimonial .owl-pagination .owl-page span {
  border: 1px solid #9C3;
}
#testimonial .owl-pagination .owl-page.active span {
  background: #9C3 none repeat scroll 0 0;
}
#testimonial .testimonial-footer a {
    color: #9C3;
}

#single-testimonial-item .testimonial-footer a {
    color: #9C3;
}
#single-testimonial-item .owl-pagination .owl-page.active span {
  background: #9C3 none repeat scroll 0 0;
}
#single-testimonial-item .owl-pagination .owl-page span {
  border: 1px solid #9C3;
}
#color-client-scroller .client-item-wrapper {
  background: #9C3 none repeat scroll 0 0;
}
#clients .client-item-wrapper:hover {
    border-color: #9C3;
}
i.icon-default {
  color: #9C3;
}
i.icon-round {
  background-color: #9C3;
}
i.icon-round-border {
  border: 3px solid #9C3;
  color: #9C3;
}
i.icon-box {
  background-color: #9C3;
}
i.icon-box-border {
  border: 3px solid #9C3;
  color: #9C3;
}
.blog-post-footer ul li a {
  border: 1px solid #9C3;
  color: #9C3;
}
.blog-post-footer ul li a:hover {
  background: #9C3 none repeat scroll 0 0;
  border: 1px solid #9C3;
}
.blog-post-content blockquote.blockquote {
    border-left: 5px solid #9C3;
}
.blog-pagination nav ul.pagination li.page-item.active a , .blog-pagination nav ul.pagination li.page-item a:hover , .blog-pagination nav ul.pagination li.page-item a:focus {
    background: #9C3 none repeat scroll 0 0;
    border: 1px solid #9C3;
}
.form-control:focus {
  border-color: #9C3  ;
}
h2.widget-title {
  color: #9C3;
}
.widget.tag-cloud a {
  background: #9C3;
}
.sidebar-area .search-bar button i.fa {
  color: #9C3;
}
.contact-title-text h2 {
  color: #9C3;
}
.roof-menu ul li.active a {
    color: #9C3;
}
.roof-social-icons a i.fa:hover {
  background: #9C3;
}
.service2-single-service .fa {
    background: #9C3 none repeat scroll 0 0;
}
.form-control:focus {
  border-color: #9C3  ;
}
.btn-common {
  background: #5c95ff none repeat scroll 0 0;
}
.btn-common::before {
  background: #82adff none repeat scroll 0 0;
}
.back-to-top i {
  background-color:#003793;
}
#carousel-area .carousel-item .carousel-caption {
  color: #9C3;
}
.top_search_icon{
  color: #9C3;
}
#carousel-area .carousel-indicators li:hover, #carousel-area .carousel-indicators li.active {
  background: #9C3 none repeat scroll 0 0;
}
.service-item .icon-wrapper i {
  color: #9C3;
}
.split .details-list h3 {
  color: #9C3;
}
#other-services .nav-tabs li a:hover i, #other-services .nav-tabs li a:focus, #other-services .nav-tabs li a.active i {
  background: #9C3 none repeat scroll 0 0;
}
.btn-common.active {
  background: #7aa427 none repeat scroll 0 0;
}
.sup-desc-wrap .sup-link .left-link, .sup-desc-wrap .sup-link .right-link {
  background: #9C3 none repeat scroll 0 0;
  border: 1px solid #9C3;
}
.featured-box .featured-icon i {
  color: #9C3;
}
#team .team-item figure figcaption .orange-line {
  background: #9C3 none repeat scroll 0 0;
}
#team .team-item .social .facebook, #team .team-item .social .twitter, #team .team-item .social .google-plus {
  background: #9C3 none repeat scroll 0 0;
  border: 1px solid #9C3;
}
.orange-line {
  background: #9C3 none repeat scroll 0 0;
}
#cool-facts .facts-item i {
  color: #9C3;
}
#testimonial .testimonial-inner:hover {
  border-color: #9C3;
}
#blog .blog-item-text .blog-one-footer i {
  color: #9C3;
}
#blog .blog-item-text .blog-one-footer a:hover {
  color: #9C3;
}
.portfolio-meta ul li span {
  color: #9C3;
}
#main-menu ul .dropdown .dropdown-menu .dropdown-item.active, #main-menu ul .dropdown .dropdown-menu .dropdown-item.active:focus, #main-menu ul .dropdown .dropdown-menu .dropdown-item.active:hover {
  color: #9C3  ;
  background-color: #eee;
}
#main-menu .nav-link.active {
  color: #003793;
}
#main-menu .nav-link:hover {
  color: #003793;
}
.sup-desc-wrap .sup-link a:hover {
  color: #9C3;
}
#team .team-item .social a:hover {
  color: #9C3;
}
#main-menu ul .dropdown .dropdown-menu a:hover, #main-menu .dropdown .dropdown-menu a .active {
  color: #9C3;
}
.top_search_con input:focus {
    border: 1px solid #9C3;
}



/*分页*/
.ui-pagination-container {
	height: 34px;
	line-height: 34px;
}

.ui-pagination-container .ui-pagination-page-item ,.ui-pagination-container .ui-pagination-page-btn{
	font-size: 14px;
	padding: 4px 10px;
	background: #fff;
	border: 1px solid #c5b7b7;
	color: #888;
	margin: 0 3px;
	text-decoration: none;
}

.ui-pagination-container .ui-pagination-page-item:hover {
	border-color: #036BC0;
	color: #036BC0;
	text-decoration: none;
}

.ui-pagination-container .ui-pagination-page-item.active {
	background: #036BC0;
	border-color: #036BC0;
	color: #fff;
	cursor: default;
}
.page{
	text-align: center;
	margin: 60px 0;
}
#pagination{
	width:82%;
	float: none;
}
/*You can add your won color also */
@media (min-width: 767px) and (max-width: 1024px) {
  .section-title {
    /*font-size: 40px;*/
  }
  .small-title {
    font-size: 20px;
  }
  .social-links-bordered a i {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .input-lg {
    font-size: 14px;
  }
  .full-search input[type='text'] {
    width: 96%;
  }
  #roof .quick-contacts span {
    padding: 0 10px;
  }
  #roof .social-links a {
    margin: 0 2px;
  }
  .navbar-engage .navbar-nav > li > a,
  .navbar-engage.affix .navbar-nav > li > a,
  .navbar-engage .navbar-nav > li > a:focus,
  .navbar-engage.affix .navbar-nav > li > a:focus {
    font-size: 12px;
    padding: 0;
    margin: 20px 10px;
  }
  .navbar-engage .navbar-brand img,
  .navbar-engage.affix .navbar-brand img {
    width: 100px;
  }
  .navbar-engage .dropdown-menu > li > a,
  .navbar-engage.affix .dropdown-menu > li > a {
    font-size: 12px;
  }
  .navbar-engage .navbar-nav > li > a:before,
  .navbar-engage.affix .navbar-nav > li > a:before {
    bottom: 0;
  }
  .navbar-engage.affix .navbar-brand {
    padding: 15px;
  }
  .top_search_con{
    display: none;
  }
  #carousel-area .item {
    height: 400px;
  }
  #carousel-area .item .carousel-caption h2 {
    font-size: 50px;
  }
  #carousel-area .item .carousel-caption h3 {
    font-size: 20px;
  }
  #carousel-area .carousel-control i {
    width: 40px;
    height: 40px;
    padding: 12px 0;
    font-size: 15px;
  }
  #service-block-main .service-item {
    margin: 60px 0;
  }
  #service-block-main .service-item h2 {
    font-size: 24px;
  }
  #service-block-1 .service-item .service-content h2 {
    font-size: 26px;
  }
  #portfolio .portfolio-items .mix,
  #portfolio .portfolio-items .gap {
    width: 50%;
  }
  #portfolio .portfolio-items figure figcaption {
    padding: 32px;
  }
  #portfolio .portfolio-items.col-3 .mix,
  #portfolio .portfolio-items.col-3 .gap {
    width: 50%;
  }
  #other-services .other-service-item .service-content h3 {
    font-size: 18px;
  }
  #progress {
    overflow-x: hidden;
  }
  #progress .our-progress:before {
    background: none;
  }
  #progress .progress-bottom {
    padding-bottom: 0;
    padding-top: 0;
  }
  #progress .progress-item {
    margin: 30px 0;
  }
  #notice h4 {
    font-size: 30px;
  }
  #notice p {
    font-size: 20px;
  }
  #notice .notice-button {
    margin-top: 15px;
  }
  #cool-facts .fact-block {
    margin: 30px 0;
  }
  #cool-facts .section-subtitle {
    padding-bottom: 30px;
    font-size: 24px;
  }
  #blog .blog-item-wrapper {
    margin: 30px 0;
  }
  #blog .blog-item-text .blog-item-info a {
    padding-right: 6px;
  }
  #team .team-item {
    margin: 30px 0;
  }
  .pricing-table {
    margin: 60px 0;
  }
  .pricing-table h3 {
    font-size: 24px;
  }
  footer .footer-widget {
    margin: 30px 0;
  }
  #service-block-2 .service-inner h3 {
    font-size: 24px;
  }
  #why-choose h2 {
    font-size: 24px;
  }
  #why-choose .tab-container h2 {
    font-size: 24px;
  }
  .social-icons-fill li {
    margin-right: 1px;
  }
  .massage-box .massage-box-icon {
    height: 60px;
  }
  #tabs .tab-content h1 {
    font-size: 24px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .section-title {
    /*font-size: 36px;*/
  }
  .page-header .page-subtitle {
    font-size: 18px;
  }
  .navbar-header{
    width: 100%;
  }
  .navbar-engage .dropdown .sub-menu {
    top: 0;
    left: 0 !important;
    padding: 0;
    border: none;
    -webkit-animation: fadeInUpMenu 0.4s;
    -moz-animation: fadeInUpMenu 0.4s;
    -ms-animation: fadeInUpMenu 0.4s;
    -o-animation: fadeInUpMenu 0.4s;
    animation: fadeInUpMenu 0.4s;
  }
  #carousel-area{padding-top: 64px;}
  #carousel-area .item {
    height: 300px;
  }
  #carousel-area .item .carousel-caption h2 {
    font-size: 30px;
  }
  #carousel-area .item .carousel-caption h3 {
    font-size: 18px;
  }
  #carousel-area .item .carousel-caption .btn {
    margin: 5px;
  }
  #carousel-area .carousel-control i {
    width: 40px;
    height: 40px;
    padding: 12px 0;
    font-size: 15px;
  }
  #carousel-area .carousel-indicators {
    display: none;
  }
  #service-block-main .service-item {
    margin: 60px 0;
  }
  #service-block-main .service-item h2 {
    font-size: 24px;
  }
  #portfolio .portfolio-items .mix,
  #portfolio .portfolio-items .gap {
    width: 50%;
  }
  #portfolio .portfolio-items .mix figure h4,
  #portfolio .portfolio-items .gap figure h4 {
    display: none;
  }
  #portfolio .portfolio-items .mix figure figcaption::after,
  #portfolio .portfolio-items .gap figure figcaption::after,
  #portfolio .portfolio-items .mix figure figcaption::before,
  #portfolio .portfolio-items .gap figure figcaption::before {
    display: none;
  }
  #portfolio .portfolio-items figure figcaption {
    padding: 10px;
  }
  #portfolio .controls .btn {
    margin: 5px 2px;
  }
  #portfolio .portfolio-items.col-3 .mix,
  #portfolio .portfolio-items.col-3 .gap {
    width: 50%;
  }
  #portfolio .portfolio-items.col-3 .mix figure h4,
  #portfolio .portfolio-items.col-3 .gap figure h4 {
    display: none;
  }
  #portfolio .portfolio-items.col-3 .mix figure figcaption::after,
  #portfolio .portfolio-items.col-3 .gap figure figcaption::after,
  #portfolio .portfolio-items.col-3 .mix figure figcaption::before,
  #portfolio .portfolio-items.col-3 .gap figure figcaption::before {
    display: none;
  }
  #portfolio .portfolio-items figure figcaption {
    padding: 25px;
  }
  #portfolio .controls .btn {
    margin: 5px 2px;
  }
  #progress {
    overflow-x: hidden;
  }
  #progress .our-progress:before {
    background: none;
  }
  #progress .progress-bottom {
    padding-bottom: 0;
    padding-top: 0;
  }
  #progress .progress-item {
    margin: 30px 0;
  }
  #cool-facts .fact-block {
    margin: 30px 0;
  }
  #testimonial #testimonial-carousel p {
    font-size: 20px;
  }
  #testimonial #testimonial-carousel .carousel-control.left {
    left: 15px;
  }
  #testimonial #testimonial-carousel .carousel-control.right {
    right: 15px;
  }
  #testimonial .item blockquote small span {
    display: block;
    line-height: 40px;
  }
  #blog .blog-item-wrapper {
    margin: 30px 0;
  }
  #clients #clients-scroller img {
    width: 80%;
    margin-left: 34px;
  }
  #team .team-item {
    margin: 30px 0;
  }
  .pricing-table {
    margin: 60px 0;
  }
  .pricing-table h3 {
    font-size: 24px;
  }
  #tabs .nav-tabs li a {
    font-size: 12px;
    padding: 10px 12px;
  }
  #why-choose .tab-container h2 {
    font-size: 26px;
  }
  #why-choose .tab-menu .list-group {
    width: 536px;
    margin: 40px 8px;
    float: left;
  }
  #why-choose .tab-menu .list-group > a {
    float: left;
    margin: 0px 8px;
  }
  .page-header-content h2 {
    text-align: center;
  }
}
@media (min-width: 320px) and (max-width: 480px) {
	.ui-pagination-container .ui-pagination-page-item, .ui-pagination-container .ui-pagination-page-btn {
		padding: 0px 8px;
	}
	#pagination{
		width:100%;
	}
	.navbar-brand {
	    position: absolute;
	    top: 6px;
	    width: 35%;
	}
	#banner .swiper-slide {
	    -webkit-flex-shrink: 0;
	    -ms-flex: 0 0 auto;
	    flex-shrink: 0;
	    width: 100%;
	    height: 100%;
	    position: relative;
	    padding-bottom: 50%;
	    width: 100%;
	    position: relative;
	}
	#member{
	    height:280px;
	}
	#member .col-sm-6{
		padding-left:0;
	}
	#banner .swiper-slide img {
	    display: block;
	    width: 100%;
	    height: 100%;
	    position: absolute;
	    top: 0;
	    left: 0;
	}
	.section {
	    padding:0;
	    /*width: 100%;*/
    	float: left;
	}
	.news_bg {
	    height: 250px;
	    width:100%;
	    margin:0;
	    margin-bottom:207px;
	}
	.new_swiper {
	    height: 170px;
	    background: #fff;
	    position: initial; 
	    width: 100%;
	    float: left;
	    margin-top:250px;
	}
	.news_list {
	    width:100%;
	    margin-left: 0;
	}
	.swiper-tit {
	    margin: 20px 0 15px 10%;
	}
	.list_img,.list_dl{
	    width: 100%;
	    margin-left:0;
	}
	
	.list_dt {
	    margin: 15px 0 10px 0;
	}
	.list_p {
	    width: 100%;
	    -webkit-line-clamp: 4;
	}
	#member_width {
	    width: 100%;
	    margin-left: 0;
	}
	#member_div{
		padding:0;
	}
	.clients_div {
	    width: 100%;
	    margin-left: 0;
	    display: block;
	    margin-top:30px;
	}
	.client-left,.client-right{
	    width:100%;
	    margin-left:0;
	}
	
	.client-dl {
	    margin-top: 15px;
	}
	.client-dt {
	    margin-bottom: 10px;
	}
	.look-client {
	    text-align: center;
	}
	#two_dl {
	    margin-top:-8px;
	}	
  .section-title {
    font-size: 13px;
    line-height: 45px;
  }
  .section-title:before {
    display: none;
  }
  .small-title {
    font-size: 22px;
  }
  #portfolios .btn{
    padding: 6px 13px;
    margin-bottom: 5px;
  }
  .social-links-bordered a i {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .navbar-header{
    width: 100%;
  }
  .page-header .page-title {
    font-size: 20px;
  }
  .page-header .page-subtitle {
    font-size: 18px;
  }
  .input-lg {
    font-size: 14px;
  }
  #roof .quick-contacts span {
    padding: 0 10px;
  }
  #roof .social-links a {
    margin: 0 2px;
  }
  .justify-content-end{
    justify-content: flex-start !important;
  }
  .row {
    padding:27px 0px 15px;
  }
  .section-title {
    padding:0
  }
  .section-title + .row {
    padding: 0px 0px 30px;
  }
  #carousel-area{padding-top: 64px;}
  #carousel-area .item {
    height: 300px;
  }
  #carousel-area .item .carousel-caption h2 {
    font-size: 30px;
  }
  #carousel-area .item .carousel-caption h3 {
    font-size: 20px;
  }
  #carousel-area .item .carousel-caption .btn {
    margin: 5px;
  }
  #carousel-area .carousel-control i {
    width: 40px;
    height: 40px;
    padding: 12px 0;
    font-size: 15px;
  }
  #carousel-area .carousel-indicators {
    display: none;
  }
  #service-block-main .service-item {
    /*margin: 60px 0;*/
  }
  #service-block-main .service-item h2 {
    font-size: 24px;
  }
  #service-block-1 .service-item .service-content h2 {
    font-size: 22px;
  }
  #portfolio .portfolio-items .mix,
  #portfolio .portfolio-items .gap {
    width: 100%;
  }
  #portfolio .portfolio-items .mix figure h4,
  #portfolio .portfolio-items .gap figure h4 {
    display: none;
  }
  #portfolio .portfolio-items .mix figure figcaption::after,
  #portfolio .portfolio-items .gap figure figcaption::after,
  #portfolio .portfolio-items .mix figure figcaption::before,
  #portfolio .portfolio-items .gap figure figcaption::before {
    display: none;
  }
  #portfolio .portfolio-items figure figcaption {
    padding: 36px;
  }
  #portfolio .controls .btn {
    margin: 5px 2px;
  }
  #portfolio .portfolio-items.col-3 .mix,
  #portfolio .portfolio-items.col-3 .gap {
    width: 100%;
  }
  #portfolio .portfolio-items.col-3 .mix figure h4,
  #portfolio .portfolio-items.col-3 .gap figure h4 {
    display: none;
  }
  #portfolio .portfolio-items.col-3 .mix figure figcaption::after,
  #portfolio .portfolio-items.col-3 .gap figure figcaption::after,
  #portfolio .portfolio-items.col-3 .mix figure figcaption::before,
  #portfolio .portfolio-items.col-3 .gap figure figcaption::before {
    display: none;
  }
  #portfolio .portfolio-items figure figcaption {
    padding: 25px;
  }
  #portfolio .controls .btn {
    margin: 5px 2px;
  }
  #other-services .other-service-item .service-content h3 {
    font-size: 15px;
  }
  #progress {
    overflow-x: hidden;
  }
  #progress .our-progress:before {
    background: none;
  }
  #progress .progress-bottom {
    padding-bottom: 0;
    padding-top: 0;
  }
  #progress .progress-item {
    margin: 30px 0;
  }
  #notice h4 {
    font-size: 18px;
  }
  #notice p {
    font-size: 16px;
  }
  #notice .notice-button {
    margin-top: 15px;
  }
  #cool-facts .fact-block {
    margin: 6px 0;
  }
  #cool-facts .section-subtitle {
    padding-bottom: 30px;
    font-size: 24px;
  }
  #cool-facts .wrapper h2 {
    font-size: 20px;
  }
  #testimonial #testimonial-carousel p {
    font-size: 20px;
  }
  #testimonial #testimonial-carousel .carousel-control.left {
    left: 15px;
  }
  #testimonial #testimonial-carousel .carousel-control.right {
    right: 15px;
  }
  #testimonial .item blockquote small span {
    display: block;
    line-height: 40px;
  }
  #cool-facts .fact-block h4 {
    font-size: 30px;
    line-height: 40px;
  }
  #blog .blog-item-wrapper {
    margin: 30px 0;
  }
  #blog .blog-item-text .blog-item-info a {
    padding-right: 6px;
  }
  #clients #clients-scroller .client-item-wrapper {
    padding: 0 45px;
  }
  #clients #clients-scroller .owl-controls {
    display: none;
  }
  .pricing-table {
    margin: 60px 0;
  }
  .pricing-table h3 {
    font-size: 24px;
  }
  #team .team-item {
    /*margin: 8px 0;*/
  }
  footer .footer-widget {
    margin: 30px 0;
  }
  .copyright-text {
    float: left!important;
  }
  .social-icons-fill li {
    margin: 0px 16px 0 0;
  }
  #why-choose .tab-container h2 {
    font-size: 28px;
  }
  #why-choose .list-group-item {
    width: 362%;
    margin: 40px 15px;
  }
  .navbar-nav .nav-item + .nav-item {
    margin-left: 0;
  }
  #main-menu {
    clear: both;
  }
  .page-header-content h2 {
    text-align: center;
  }
}



/* mobile or only mobile */
@media (max-width: 767px) {
    .carousel-item > img  {
      height: 100%;
      width: 100%;
    }
    #carousel-area .carousel-item {
      height: 200px;
    }
    #carousel-area{padding-top: 0;}
    #carousel-area .carousel-item .carousel-caption h2 {
      font-size: 16px;
    }
    #carousel-area .carousel-item .carousel-caption h3 {
      font-size: 12px;
    }
    #carousel-area .carousel-item .carousel-caption .btn {
        margin: auto;
        font-size: 9px;
        margin-top: 5px;
        padding: 8px 12px;
    }
    #carousel-area .carousel-control {
      top: 58%;
      display: none;
    }
    #carousel-area:hover .carousel-control {
      display: block;
    }
    #carousel-area .carousel-indicators {
      bottom: -8px;
    }
    #carousel-area i {
      margin-right: 0;
    }
    #carousel-area .carousel-item .carousel-caption {
      top: 14%;
    }
}
@media only screen and (max-width:320px) {
	 .section-title {
	    font-size: 12px;
	  }
}
